<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="../build/components/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../build/components/awesome/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../build/css/registe.min.css">
	<link rel="stylesheet" type="text/css" href="../build/css/book_underborrowing.min.css">

  </head>
  <body>
    <div class="top">
		<div class="mid">
			<div class="top_contain_left">
				<i class="icon-book book"></i>
			</div>
			<div class="top_contain_left">
				<p class="name">图书管理系统</p>
			</div>
			<div class="top_contain_left">
				<p class="b_index"><i class="icon-home home"></i></p>
			</div>
			<div class="top_contain_left">
				<a href=""><p class="b_index">首页</p></a>
			</div>
			<div class="top_contain_right">
				<div class="btn-group">
					<button data-toggle="dropdown" class="btn dropdown-toggle drop">
						个人管理 <span class="caret"></span>
					</button>
					<ul class="dropdown-menu">
						<li>
							<a href="#">个人中心</a>
						</li>
						<li>
							<a href="#">在借书籍</a>
						</li>
						<li>
							<a href="#">已借书籍</a>
						</li>
						<li class="divider">
						</li>
						<li class="dropdown-submenu">
							<a tabindex="-1" href="#">退出登录</a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">个人中心</a>
								</li>
								<li>
									<a href="#">在借书籍</a>
								</li>
								<li>
									<a href="#">已借书籍</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="top_contain_right">
				<i class="icon-user user"></i>
			</div>
			<div class="clear : both"></div>
		</div>
	</div>
	<!-- upers are top -->
	<div class="contents">
		<div class="header">
			<i class="icon-calendar"></i>&nbsp;在借图书
		</div>
		<hr class="hr1">
		<div class="boder">
			<table class="table table-hover table-bordered table1">
						<thead>
							<tr>
								<th>
									＃
								</th>
								<th>
									书名
								</th>
								<th>
									书编号
								</th>
								<th>
									借阅日期
								</th>
								<th>
									操作
								</th>
							</tr>
						</thead>
						<tbody>
							<tr class="success">
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Approved
								</td>
								<td>
									<a href=""><button  class=" btn">还书</button></a>
								</td>
							</tr>
							<tr class="error">
								<td>
									2
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									02/04/2012
								</td>
								<td>
									Declined
								</td>
								<td>
									<a href=""><button  class=" btn">还书</button></a>
								</td>
							</tr>
							<tr class="warning">
								<td>
									3
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									03/04/2012
								</td>
								<td>
									Pending
								</td>
								<td>
									<a href=""><button  class=" btn">还书</button></a>
								</td>
							</tr>
							<tr class="info">
								<td>
									4
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									04/04/2012
								</td>
								<td>
									Call in to confirm
								</td>
								<td>
									<a href=""><button  class=" btn">还书</button></a>
								</td>
							</tr>
						</tbody>
					</table>
		</div>
		
	</div>

  
    <script type="text/javascript" src="../build/components/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="../build/components/bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>